<template>
  <div class="breadcrumb-item">
    <router-link :to="data.path">
      {{ data.text }}
      <span v-if="!data.isLast">/</span>
    </router-link>
  </div>
</template>
 
<script>
export default {
  props: ["data"],
  data() {
    return {};
  },
};
</script>
 
<style lang = "less" scoped>
a {
  text-decoration: none;
  color: #333;
  span {
    padding: 0 10px;
  }
}
</style>